<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>不刷新页面的情况下，更新URL</title>
	</head>
	<body>
		<h1>再不刷新页面的情况下，更新url</h1>
		<button>点击更改</button>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
		sessionStorage.a = 1;
		/**
		 * 设置浏览器url
		 *  params：queryObj（参数对象）
		 */
		function setBrowserUrl(queryObj) {
			// stringify是queryString的一个api，具体可以查看node官网，也可以自己实现
			var url = `${location.pathname}?${json_2_equal(queryObj)}`
			history.pushState({
				url: url
			}, '', url)
		}
		
		function json_2_equal(json_obj){
			var str = "";
			if($.type(json_obj)=="object"){
				for (i in json_obj) {
					str += i + "="+ json_obj[i] +"&";
				}
				str = str.slice(0,str.length-1);
			}else{
				console.log("参数格式错误");				
			}
			return str;
		}
		console.log(json_2_equal({a:1,b:2,c:3}))
		$("button").click(function(){
			sessionStorage.a = sessionStorage.a ++;
			setBrowserUrl({a:1,b:2,c:3});
		})
		
	</script>

</html>